<template>
    <div>
        <!-- 头部 -->
        <Header @getHeader="getHeader"></Header>
        <!-- 正在进行中 | 已经完成-->
        <Panl :runings='runings' :ends='ends' @endToRun='endToRun' @runToEnd='runToEnd'></Panl>
    </div>
</template>
<script>
import Header from '@/components/12-1case/上午/Header.vue';
import Panl from '@/components/12-1case/上午/Panl.vue';
export default {
    components:{Header,Panl},
    data(){
        return {
            //正在进行中的
            runings:[],
            //已完成
            ends:[],
        }
    },
    methods:{
        //正在进行中到已经完成
        runToEnd(index){
            console.log(index);
            const item = this.runings.splice(index,1);//返回的item是个数组
            //插入到ends里
            this.ends.push(item[0]);
        },
        //从已经完成到正在进行中
        endToRun(index){
            console.log(index);
            const itemb = this.ends.splice(index,1);
            this.runings.push(itemb[0]);
        },
        //接受头部输入的内容
        getHeader(value){
            this.runings.push(value);
        }
    }
}
</script>
<style>
*{margin: 0;padding: 0;}
</style>